// 详情信息

<template>
    <van-popup class="v-info"
               v-model="visible"
               get-container="body"
               position="bottom">
        <div class="info-content">
            <section>
                <label>签到人员：</label>
                <span>{{model.createUserName}}</span>
            </section>
            <section>
                <label>签到时间：</label>
                <span>{{model.createTime}}</span>
            </section>
            <section>
                <label>签到地点：</label>
                <span>{{model.address}}</span>
            </section>
            <f7-picture-upload :key="model.caseId"
                               v-if="model.caseId"
                               style="margin: 0"
                               :params="{type:'attach',dataKey: model.caseId, bizType:'sign'}"
                               :disabled="true"></f7-picture-upload>
        </div>
    </van-popup>
</template>

<script>
export default {
    props: {
        value: {
            type: Boolean,
            default: false,
            required: true
        },
        model: {
            type: Object,
            default: _ => ({})
        }
    },
    computed: {
        visible: {
            get () {
                return this.value
            },
            set (val) {
                this.$emit('input', val)
            }
        }
    },
    methods: {
        // 关闭组件
        fnColse () {
            this.visible = false
        }
    }
}
</script>

<style lang="less" scoped>
.v-info {
    background-color: transparent;
}

.info-content {
    font-size: 14px;
    line-height: 18px;
    background: #fff;
    padding: 10px 12px;
    border-radius: 10px 10px 0 0;

    section {
        margin-bottom: 10px;
    }
}
</style>
